@charset "UTF-8";
/* Css Document */
.webtit h5{text-align: center}
.webtit em {
    display: block;
    line-height: 70px;
    position: relative;
    font-size: 42px;
    color: #3f3f3f;
    text-transform: uppercase;
    font-style:normal;
}
.webtit span {
    line-height: 66px;
    font-size: 24px;
    color: #292828;
}
.webtit em i {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 26px;
    height: 2px;
    margin-left: -13px;
    background: #e61d26;
}

/*mb轮播图*/
.mb_ban{width:100%; margin:58px auto 0; position:relative;display: none;}
.mb_ban .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom:30px; text-align:center;  }
.mb_ban .hd ul{ display:inline-block; height:10px; font-size:0; vertical-align:top;
}
.mb_ban .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; margin:0 6px;  vertical-align:top; overflow:hidden;font-size:0px}
.mb_ban .hd ul .on{ background:#ba251e;}
.mb_ban .bd{ position:relative; z-index:0; }
.mb_ban .bd li img{ width:100%; background:url(../img/loading.gif) center center no-repeat;}
.mb_ban .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

/*服务*/
.f1{}
.kwicks{display:block;list-style-type:none;list-style:none;position:relative;margin:0;padding:0}
.kwicks>*{display:block;overflow:hidden;padding:0;margin:0}
.kwicks.kwicks-processed>*{margin:0;position:absolute}
.kwicks-horizontal>*{float:left}
.kwicks-horizontal>:first-child{margin-left:0}
.kwicks-vertical>:first-child{margin-top:0}
.kwicks{padding:0 0 62px 0}
.kwicks,.kwicks>li,.sermod,.sermod2{height:316px}
.kwicks>li{float:left}
.sermod{color:#fff;width:195px;float:left;position:relative;z-index:1;padding:0 20px}
.sermod2{z-index:0;width:205px;float:left;position:relative}
.sermod2 i{background:#000;left:0;opacity:.5;filter:"alpha(opacity=50)";filter:alpha(opacity=50);zoom:1;top:0;right:0;bottom:0;z-index:0;position:absolute}
.sermod2-wrap{position:relative;z-index:1}
.sermod2-wrap a{display:block;margin:0 auto;width:102px;height:31px;line-height:31px;text-align:center;margin-bottom:10px;color:#fff;transition:all .2s;-webkit-transition:all .2s;font-size:14px;border-radius:2px;border:1px solid #898b8c}
.b1 .sermod2-wrap a:hover{border:1px solid #e61d26;background:#e61d26}
.b2 .sermod2-wrap a:hover{border:1px solid #f53b43;background:#f53b43}
.b3 .sermod2-wrap a:hover{border:1px solid #7b99ee;background:#7b99ee}
.b4 .sermod2-wrap a:hover{border:1px solid #50d2b7;background:#50d2b7}
.b5 .sermod2-wrap a:hover{border:1px solid #fdad73;background:#fdad73}
.sermod2{background-position:center center;background-repeat:no-repeat;background-size:cover}
.sermod.b1{background:#e61d26}
.sermod.b2{background:#f53b43}
.sermod.b3{background:#7b99ee}
.sermod.b4{background:#50d2b7}
.sermod.b5{background:#fdad73}
.sermodwrap{width:400px}
.sermod.b1 b{border-left:12px solid #e61d26}
.sermod.b2 b{border-left:12px solid #f53b43}
.sermod.b3 b{border-left:12px solid #7b99ee}
.sermod.b4 b{border-left:12px solid #50d2b7}
.sermod.b5 b{border-left:12px solid #fdad73}
.sermod b{position:absolute;width:0;right:-12px;height:0;top:50%;margin-top:-5px;border-top:10px solid transparent;border-bottom:10px solid transparent}
.sermod i{display:block;padding-top:20px;height:80px;background-position:left 20px;background-repeat:no-repeat}
.sermod.b1 i{background-image:url(../images/png_sermod1.png)}
.sermod.b2 i{background-image:url(../images/png_sermod2.png)}
.sermod.b3 i{background-image:url(../images/png_sermod5.png)}
.sermod.b4 i{background-image:url(../images/png_sermod3.png)}
.sermod.b5 i{background-image:url(../images/png_sermod4.png)}
.sermod h4{line-height:26px;font-size:18px}
.sermod h5{line-height:45px;font-size:34px}
.sermod p{padding-top:15px;line-height:21px;font-size:14px}

.mobile-f1{display: none;}
.mobile-f1 .col-xs-6,.mobile-f1 .col-xs-12{text-align:center;padding:4%;}
.mobile-f1 .col-xs-6{border-top: 1px #ccc solid;border-right: 1px #ccc solid;}
.mobile-f1 .col-xs-6:nth-child(2n){border-right: 1px #fff solid;}
.mobile-f1 .col-xs-12{border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;}
.mobile-f1 .col-xs-6 img,.mobile-f1 .col-xs-12 img{display: block;margin:0 auto;margin-bottom: 10px;}

/*案例*/
.f2{}
.f2 .protab .hd{width:100%;height:69px;line-height:69px;position:relative;text-align:center;border-top:1px solid #eaeaea;}
.f2 .protab .hd span{padding:0 12px;font-size:16px;color:#666;cursor:pointer;margin:0 8px;transition:.25s all;-webkit-transition:.25s all;position:relative;display:inline-block;vertical-align:top}
.f2 .protab .hd i{left:0;top:-1px;height:1px;background:#e61d26;width:0;position:absolute}
.f2 .protab .hd span.on{color:#e61d26}
.f2 .protab .bd{background:#fff}
.f2 .protab .bd ul{display:none;margin:0;padding:0;}
.f2 .protab .bd ul li{position:relative;overflow:hidden;float:left;padding:0!important;}
.f2 .protab .bd ul li i{width:100%;height:100%;position:absolute;bottom:-100%;transition:.25s all;-webkit-transition:.25s all;right:0;left:0}
.f2 .protab .bd ul li p.zhezhao{width:100%;height:100%;display: block;margin:0;padding:0;}
.f2 .protab .bd ul li i,.f2 .protab .bd ul li p.zhezhao{position:absolute;transition:.25s all;-webkit-transition:.25s all;right:0;left:0}
.f2 .protab .bd ul li:hover i,.f2 .protab .bd ul li:hover p.zhezhao{bottom:0}
.f2 .protab .bd ul li i{background:#e61d26;zoom:1}
.f2 .protab .bd ul li p.zhezhao{font-size:16px;z-index:1;}
.f2 .protab .bd ul li p.zhezhao span{position: absolute;display: block;color:#fff;}
.f2 .protab .bd ul li p.zhezhao .leibie{left:4%;top:4%;font-size: 14px;background: url(../images/xian.jpg) no-repeat left bottom; line-height: 36px;}
.f2 .protab .bd ul li p.zhezhao .biaoti{left:0;top:0;width:92%;height:100%;padding:0 4%;text-align: center;font-size: 18px;display: flex;justify-content:center;flex-direction:column;align-items:center;line-height: 28px;}
.f2 .protab .bd ul li p.zhezhao .jiantou{right:4%;bottom:4%;font-size: 24px;}
.f2 .protab .bd ul li p.caseTitle{
    width: 100%;
    padding:2%;
    margin-bottom: 0;
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 0;
    color: #ffffff;
    display: none;
}
.f2 .protab .bd ul li p.caseTitle span{
    font-size: 16px;
}
.f2 .protab-img {
    background-image: url(../images/loading1.gif);
    background-repeat: no-repeat;
    display: block;
    background-position: center;
}
.f2 .ppslide .slick-arrow{z-index:10;position:absolute;border:1px solid #dedede;color:#dedede;font-family:'宋体';font-size:30px;width:49px;height:49px;text-align:center;line-height:49px;cursor:pointer;background:0 0;top:0;left:430px}
.f2 .ppslide table{width:99.9%;margin-left:1px}
.f2 .ppslide .slick-prev{left:380px}
.f2 .ppslide .slick-arrow:hover{color:#fff;background:#e61d26;border:1px solid #e61d26}
.f2 .more{font-size:16px;display: block;text-align:center;margin:50px auto 0;border:2px #e60012 solid;color: #e60012;width:240px;padding:0 2%;line-height: 44px;}
.f2 .more:hover{background: #e60012;color: #ffffff;}

/*优势*/
.f3{text-align: center;}
.f3 .f3-bf{
    width: 557px;
    padding-top: 3px;
    float: left;
    font-size: 16px;
}
.f3 .left-bf{
    text-align: right;
    color: #e61d26;
}
.f3 .left-bf dt{
    width: 557px;
    padding-right: 80px;
    height: 64px;
    margin-bottom: 27px;
    background: #e61d26;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    line-height: 64px;
}
.f3 .left-bf dt:after{
    content: "";
    display:block;
    width:0;
    height:0;
    border-width:32px 0 32px 32px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;/*透明 透明 透明 黄*/
    position:absolute;
    top:0px;
    left:0px;
}
.f3 .left-bf dd{
    width: 557px;
    padding-right: 80px;
    height: 50px;
    line-height: 48px;
    border-top:1px #e61d26 dashed;
    border-bottom:1px #e61d26 dashed;
    margin-bottom: 4px;
}
.f3 .right-bf{
    text-align: left;
    font-size: 16px;
}
.f3 .right-bf dt{
    width: 557px;
    padding-left: 80px;
    height: 64px;
    margin-bottom: 27px;
    background: #818181;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    line-height: 64px;
}
.f3 .right-bf dt:after{
    content: "";
    display:block;
    width:0;
    height:0;
    border-width:32px 32px 32px 0;
    border-style:solid;
    border-color:transparent #fff transparent transparent;/*透明 黄 透明 透明 */
    position:absolute;
    top:0px;
    right:0px;
}
.f3 .right-bf dd{
    width: 557px;
    padding-left: 80px;
    height: 50px;
    line-height: 48px;
    border-top:1px #e61d26 dashed;
    border-bottom:1px #e61d26 dashed;
    margin-bottom: 4px;
}
.f3 .f3-zhou{
   width: 86px;
   float: left;
}
.f3 .f3-zhou dt.top {
    width: 86px;
    height: 95px;
    background: #c2bbaa;
    color: #ffffff;
    font-size: 48px;
    line-height: 95px;
}
.f3 .f3-zhou dd{
    width: 86px;
    height: 54px;
    line-height: 48px;
    color: #a9a496;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 6px #c2bbaa solid;
}
.f3 .f3-zhou dt.bot{
    width: 86px;
    height: 33px;
}

.mobile-f3{display: none;}
.mobile-f3 table{width: 100%;}
.mobile-f3 table thead th{height:40px;line-height: 40px;}
.mobile-f3 table thead th:nth-child(1){font-weight: bold;text-align: right;}
.mobile-f3 table thead th:nth-child(2){width:40px;text-align: center;}
.mobile-f3 table thead th:nth-child(3){font-weight: bold;color: #777777;text-align: left;}
.mobile-f3 table tbody tr td:nth-child(1){padding:6px 10px;background:#e61d26;color:#ffffff;text-align: right;border-radius: 8px;}
.mobile-f3 table tbody tr td:nth-child(2) span{width: 30px;height: 30px;margin:0 auto;border:1px #e61d26 solid; border-radius: 50%; color: #e61d26;text-align: center;line-height: 30px;display: block;}
.mobile-f3 table tbody tr td:nth-child(3){padding:6px 10px;background:#f3f3f3;text-align: left;border-radius: 8px;}
.mobile-f3 table tbody tr td[colspan="3"]{background: #fff;height:10px;}

/*流程*/
.f4-but{
    width: 100%;
    padding-bottom: 80px;
    text-align: center;
}
.f4-but div{
    border-bottom:1px solid #dcdcdc;
    border-top:1px solid #dcdcdc;
    
    display: inline-block;
    position: relative;
    font-size:12px;
    color: #18b771;
}
.f4-but div img{
    position: relative;
    top: 50%;
    margin-top: -5px;
    left: -5px;
}
.f4-but div a{
    text-decoration: none;
    color: #666;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 21px 30px;
}
.f4-but div:hover>a{
    color: white;
}
.f4{
    width: 100%;
    background: #000000;
    padding:50px 0;
}
.f4 .f4-main{
    width: 82%;
    background: #ffffff;
    padding:50px 0 0 0;
    margin:0 auto;
}
.f4 p{
    width: 80%;
    color: #666666;
    font-size: 14px;
    margin: 30px auto !important;
}
.f4 h2,.f4 p{
    text-align: center;
    color: #333333;
    margin: 0;
}
.f4 h2{
    font-weight: bold;
}
.f4 p span{
    color: #ff7019;
}
.f4 .ProCon{
    width: 1080px;
    height: 10px;
    border-top: 4px solid #e6e6e6;
    position: relative;
    margin: 160px auto;
}
.f4 .ProCon-p1{
    width: 110px;
}
.f4 .ProCon-p0{
    width: 58px;
}
.f4 .ProCon-p1,.f4 .ProCon-p0{
    height: 10px;
    border-top: 4px solid #e61d26;
    position: absolute;
    top: -4px;
}
.f4 .ProCon-p3{
    left: 0;
}
.f4 .ProCon-p4{
    left: 83px;
}
.f4 .ProCon-p5{
    left: 217px;
}
.f4 .ProCon-p6{
    left: 351px;
}
.f4 .ProCon-p7{
    left: 485px;
}
.f4 .ProCon-p8{
    left: 619px;
}
.f4 .ProCon-p9{
    left: 753px;
}
.f4 .ProCon-p10{
    left: 887px;
}
.f4 .ProCon-p11{
    left: 1021px;
}
.f4 .ProYuan{
    width: 24px;
    height: 24px;
    position: absolute;
    top: -15px;
    border-radius: 12px;
    border: 2px solid #e61d26;
    background-color: white;
}
.f4 .ProYuan>div{
    width: 14px;
    height: 14px;
    font-size: 12px;
    color: white;
    background-color: #e61d26;
    border-radius: 7px;
    text-align: center;
    line-height: 14px;
    margin: 3px auto;
}
.f4 .ProYuan1{
    left: 59px;
}
.f4 .ProYuan2{
    left: 193px;
}
.f4 .ProYuan3{
    left: 327px;
}
.f4 .ProYuan4{
    left: 461px;
}
.f4 .ProYuan5{
    left: 595px;
}
.f4 .ProYuan6{
    left: 729px;
}
.f4 .ProYuan7{
    left: 863px;
}
.f4 .ProYuan8{
    left: 997px;
}
.f4 .Prowezi{
    padding: 16px 30px;
    background-color: white;
    border: 1px dashed #e61d26;
    position: absolute;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
}
.f4 .Proxxx{
    width: 200px;
    height: 42px;
    overflow: hidden;
}
.f4 .ProShang{
    top: -112px;
}
.f4 .ProShang1{
    left: -60px;
}
.f4 .ProShang2{
    left: 208px;
}
.f4 .ProShang3{
    left: 476px;
}
.f4 .ProShang4{
    left: 744px;
}
.f4 .ProImg1{
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -9px;
}
.f4 .Proxia{
    top: 28px;
}
.f4 .Proxia1{
    left: 73px;
}
.f4 .Proxia2{
    left: 342px;
}
.f4 .Proxia3{
    left: 610px;
}
.f4 .Proxia4{
    left: 878px;
}
.f4 .ProImg2{
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -9px;
}

.mobile-f4{display: none;}
.mobile-f4{
    width: 100%;
    background: #000000;
    padding:4% 0;
}
.mobile-f4 .f4-main{
    width: 92%;
    background: #ffffff;
    padding:6% 3% 4% 3%;
    margin:0 auto;
    overflow: hidden;
}
.mobile-f4 p{
    width: 96%;
    color: #666666;
    font-size: 14px;
    margin: 30px auto !important;
}
.mobile-f4 h2,.mobile-f4 p{
    text-align: center;
    color: #333333;
    margin: 0;
}
.mobile-f4 h2{
    font-weight: bold;
    font-size: 24px;
}
.mobile-f4 p span{
    color: #ff7019;
}
.mobile-f4 .Proxia{
    padding: 2%;
    background-color: white;
    border: 1px dashed #e61d26;
    margin:0;
    margin-bottom: 2%;
}
.mobile-f4 .ProCon span{
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 2px solid #e61d26;
    background-color: white;
    float: left;
    margin-right: 10px;
}
.mobile-f4 .ProCon span i{
    width: 14px;
    height: 14px;
    font-size: 12px;
    color: white;
    background-color: #e61d26;
    border-radius: 7px;
    text-align: center;
    line-height: 14px;
    margin: 3px auto;
    display: block;
}

/*新闻*/
.f5{}
.f5 .hd ul{margin:0;padding:0;text-align: center;}
.f5 .hd ul li{border-radius:16px;display: inline-block;background: #e5e5e5;padding:0 2%;margin:0 1%;height:26px;line-height: 26px;cursor: pointer;} 
.f5 .hd ul li.on{background: #e61d26;color: #fff;}
.f5 .bd{padding-top:47px;}
.f5 .btnBox{width: 100%;height: 75px;overflow: hidden;position:relative; z-index:10;}
.f5 .xian{width: 100%;height: 50px;border-bottom: 1px #f3f3f3 solid;}
.f5 .prev_next{position:absolute;top:25px; width:250px; background:#fff; margin:0 auto; overflow:hidden; padding:0 10px; left:50%; margin-left:-135px;}
.f5 .btn_prev,.f5 .btn_next{ width:50px; height:50px; margin:0;}
.f5 .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;}
.f5 .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;}
.f5 .prev_next .chakangengduo{ display:block; width:133px; height:34px; background:url(../images/chakanxiangxi.jpg) no-repeat center top; font-size:14px; line-height:34px; position:absolute; left:50%; top:7px; margin-left:-66.5px; text-align:center;}
.f5 .prev_next .chakangengduo:hover{ color:#fff; background-position:center bottom;}
.f5 .newsBox{width: 100%;overflow: hidden;}
.f5 .newsList{overflow: hidden;}
.f5 .newsList ul{width: 1200px;margin:0;padding:0;}
.f5 .newsList ul li{width:540px; display:block;padding:24px 0; overflow:hidden;border-top:1px #f3f3f3 solid;float: left;}
.f5 .newsList ul li:nth-child(2n){float: right;}
.f5 .newsList ul li .time{ display:inline-block; width:100px; height:100px;padding:14px 0; background:url(../images/bg53.jpg) no-repeat center top; text-align:center; float:left;}
.f5 .newsList ul li:hover .time{ background-position:center bottom; color:#fff;}
.f5 .newsList ul li .time b{ display:block; font-size:4.667em; line-height:0.8;}
.f5 .newsList ul li p{ margin:0; width:420px; float:right;}
.f5 .newsList ul li p a{ line-height:1; font-size:16px;}
.f5 .newsList ul li p span{ display:block; line-height:20px; color:#888; padding:10px 0;}
.f5 .newsList ul li .more{ display:block; width:100px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:10px; font-size:14px; float:right;}
.f5 .newsList ul li .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}

.mobile-f5{display: none;}
.mobile-f5 .hd ul{margin:0;padding:0;text-align: center;}
.mobile-f5 .hd ul li{border-radius:16px;display: inline-block;background: #e5e5e5;padding:0 2%;margin:0 1%;height:26px;line-height: 26px;cursor: pointer;} 
.mobile-f5 .hd ul li.on{background: #e61d26;color: #fff;}
.mobile-f5 .bd{padding-top:4%;}
.mobile-f5 .chakangengduo{ display:block; width:133px; height:34px; margin:4% auto 0;background:url(../images/chakanxiangxi.jpg) no-repeat center top; font-size:14px; line-height:34px;text-align:center;}
.mobile-f5 .chakangengduo:hover{ color:#fff; background-position:center bottom;}
.mobile-f5 .newsBox2{width: 100%;overflow: hidden;}
.mobile-f5 .newsList{overflow: hidden;}
.mobile-f5 .newsList ul{width: 100%;margin:0;padding:0;}
.mobile-f5 .newsList ul li{width:100%; display:block;padding:4% 0; overflow:hidden;border-top:1px #f3f3f3 solid;float: left;}
.mobile-f5 .newsList ul li p{ margin:0; width:100%; float:right;}
.mobile-f5 .newsList ul li p a{ line-height:1; font-size:16px;}
.mobile-f5 .newsList ul li p span{ display:block; line-height:20px; color:#888; padding:10px 0;}
.mobile-f5 .newsList ul li .more{ display:block; width:100px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:10px; font-size:14px; float:right;}
.mobile-f5 .newsList ul li .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}